<script setup lang="ts">

</script>

<template>
  <div class="container">
    <div class="title">圣湘生物科技股份有限公司</div>
    <div class="subtitle">SANSURE BIOTECH INC.</div>
    <div class="content">
      <p>
        圣湘生物科技股份有限公司是以自主创新基因技术为核心，集体外诊断试剂、仪器、第三方医学检验服务及生物制药为一体的诊疗一体化方案提供商，
        在科创板上市（股票代码：688289），入选全球医疗器械企业TOP100榜单，上榜中国医药工业百强。公司致力于成为生命科技普惠者，服务国家精准医
        疗体系和分级诊疗体系建设，是国家基因检测技术应用示范中心、感染性疾病及肿瘤基因诊断技术国家地方联合工程研究中心、国家企业技术中心、国家
        技术创新示范企业、国家级博士后科研工作站单位、国家知识产权示范企业。公司正在加速向生命科技国际领军企业转变，向世界一流企业迈进。
      </p>
      <p>
        公司打造了长沙、上海、北京三大产业基地，在成都等全国主要城市和美国、英国、法国、印尼、菲律宾、泰国等全球重要区域设立了分子公司或分支
        机构。
      </p>
      <img src="">
      <p>
        公司秉承为全世界人民提供用得起、用得好的精准诊疗技术、产品和服务的使命，以推动基因技术高精化、简便化、系统化、移动化、智能化“五化”建
        设为核心，公司自主开发了高精度“磁珠法”、快速简便“一步法”、通用型“全自动统一样本处理”“POCT移动分子诊断”等一系列核心技术，构建了荧光
        定量PCR、多重PCR技术、基因芯片、基因测序、移动分子诊断、核酸质谱、免疫检测、生物信息等一系列技术平台，获国家科技进步二等奖、中国专利
        奖、iDASH国际隐私计算竞赛全球第一名等国际/国家级重大奖项60余项，承担国家“十三五”“十四五”重大科技专项等国家级和省级重大项目60余项，
        逐步构建了基因技术应用普适化、全场景化的新生态，引领国内行业技术赶超国际先进水平，有力打破进口垄断，推动生命科技从疾病解决方案到智能健
        康管理、从三甲医院到基层医疗机构、从B端到C端的全方位升级，实现覆盖全人群、全医疗机构、全渠道的变革。
      </p>
      <div class="cardContent">
        <div class="card">
          <div class="time">
            <span>2008</span>
            <span>年</span>
          </div>
          <div class="card_subtitle">成立时间</div>
        </div>
        <div class="card">
          <div class="time">
            <span>2008</span>
            <span>年</span>
          </div>
          <div class="card_subtitle">成立时间</div>
        </div>
        <div class="card">
          <div class="time">
            <span>2008</span>
            <span>年</span>
          </div>
          <div class="card_subtitle">成立时间</div>
        </div>
        <div class="card">
          <div class="time">
            <span>2008</span>
            <span>年</span>
          </div>
          <div class="card_subtitle">成立时间</div>
        </div>
      </div>
      <p>
        公司全力打造精品工程，研发了传染病防控、妇幼健康、血液安全、癌症防控、伴随诊断、农牧科技等一系列性能赶超国内外先进水平的产品1000余
        种，可提供各类检测服务2200余项，形成了集体外诊断试剂、仪器、第三方医学检验服务及生物制药等为一体的全产业链系统解决方案，产品和方案服
        务全球160多个国家和地区，累计提供超30亿人次的检测产品。
      </p>
      <img src="">
      <p>公司秉承科技惠民初心，积极践行ESG，在国内外多起公共卫生事件、民生工程项目、乡村振兴建设、灾难援助中，累计捐赠4亿余元现金及物资。</p>
      <img src="">
      <p>公司秉承科技惠民初心，积极践行ESG，在国内外多起公共卫生事件、民生工程项目、乡村振兴建设、灾难援助中，累计捐赠4亿余元现金及物资。</p>
      <img src="">
      <p>公司将始终坚持“创新+服务”双轮驱动，坚守“每盒每剂，但求高精高质；一诊一断，当思人命关天”的企业担当，努力为全世界人民提供用得起、用得好的精准诊疗技术、产品和服务，打造共创、共进、共享、共赢的行业新生态，让生命科技人人可及。</p>
      <div class="top_bottom">
        <div class="top_bottom_top">战略规划</div>
        <div class="top_bottom_bottom">STRATEGIC PLANNING</div>
      </div>
      <div class="bottom_card_container">
        <div class="bottom_card">


          <div class="bottom_card_top">

          </div>
          <div class="bottom_card_bottom">
            AI算力推动数据加工能力呈千万级上升，基因数据获取成本在近三十年内不断下降，新技术、新产品研发将持续飞速推出
          </div>

        </div>
      </div>

    </div>
  </div>

</template>

<style scoped lang="scss">
.title{
  font-size: 2rem;
  color: red;
  text-align: center;
  margin-top: 2rem;

}

.subtitle{
  font-size: 1rem;
  color: black;
  text-align: center;
}

.content{
  margin-left: 7rem;
  margin-right: 7rem;
  margin-top: 2rem;
}
.cardContent{

  display: flex;

  align-items: center;
  justify-content: space-between;
  margin-top: 4rem;
  margin-bottom: 4rem;
  overflow: hidden;
  clear: both;
  gap: 2rem;

}
.card {
  position: relative;
  display: flex;
  aspect-ratio: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
  background-color: #00ff33;
}
.time{
  text-align: center;
}
.card_subtitle{
  text-align: center;
}
.top_bottom {
  display: flex;
  flex-direction: column;
  justify-self: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.top_bottom_top{
  color: red;
  font-size: 2.5rem;
  text-align: center;

}
.top_bottom_bottom{
  color: red;
  font-size: 1.5rem;
  text-align: center;
}

.bottom_card_container{
  display: flex;
}
.bottom_card{
}
.bottom_card_top{
  position: relative;
  width: 180px;
  margin: auto;
  height: 70px;
  background-color: blue;
  z-index: 11;
}
.bottom_card_bottom{
  position: relative;
  top: -40px;
  padding-top: 50px;
  width: 250px;
  height: 150px;
  background-color: red;
  z-index: -1;
  text-align: center;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 150px;
}
</style>